.tit_index{text-align: center;}
.tit_index .tit{font-size: 48px;line-height: 1.4;color: #333333;}
.tit_index i {display: block;width: 41px;height: 4px;background: #c21b1b;margin: 19px auto 0;}
.tit_index .tit_cn{font-size: 16px;color: #333333;margin-top: 0.3vw;}
.tit_index .tit_en{font-size: 16px;height: 1em;line-height: 1em;color: #1361c6;margin-bottom: 9px;text-transform: uppercase;text-align: left;}

/*head*/
.head{width: 100%;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.logo_text{display: none;}
#headbg{height:40px;border-bottom:1px solid #ECECEC;}
/*top*/
.top{z-index:9999;width:100%;padding:18px 0 10px;background: #ffffff;}
.top .logo{width:328px;float:left;}
.top .logo img{width:100%;}
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}
.top .top_right{padding:0px 1px;float:right;}
.top .top_right .top_phone{background:url(../images/topphone.jpg) no-repeat left center;margin:24px 0 25px;padding:0 20px 0 55px;float:left;}
.top .top_right .top_phone p{margin:0;}
.top .top_right .top_phone p:first-child{height:16px;line-height:16px;}
.top .top_right .top_phone p:last-child{font-size:28px;font-family:Impact;height:28px;line-height:28px;color:#c21b1b;margin-top:4px;}
.top .top_right .top_erweima{width:96px;height:96px;float:right;}
.top .top_right .top_erweima img{display:block;width:100%;height:100%;}
/*nav*/
.headfix{position:fixed;width:100%;top:0;z-index:99999;}
#navbg{background:#c21b1b;}
#navbg .nav{}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:12.5%;height:67px;line-height:67px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .nav .firstfloor>li:before{content:'';width:1px;height:25px;background:#ffffff;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#navbg .nav .firstfloor>li:last-child:before{content:none;}
#navbg .nav .firstfloor>li>a{display:block;height:67px;width:100%;color:#FFF;}
#navbg .nav .firstfloor>li:hover{background:#444444;}
#navbg .nav .firstfloor>li:hover:before{background:#444444;}
#navbg .nav .firstfloor>li:hover>a{color:#FFF;}
#navbg .nav .secondfloor{position:absolute;left:0;top:67px;z-index:9999;display:none;background:#FFF;width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:50px;height:50px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#444444;color:#FFF;}

/*mobilehead*/
#mobilehead{height:70px;width:100%;display:none;background: #fff;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}
#mobilehead .logo img{height:50px;margin: 10px 0 0 10px;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(../images/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(../images/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}

.head_line{height:193px;}

footer{width: 100%;padding: 60px 0 60px 0;position: relative;background: #3a3a3a;}
footer .container{position: relative;}
.message_form {float: right;width: 100%;overflow: hidden;margin-top: 40px;}
.message_form input{height:40px;line-height:40px;border: 1px solid rgb(76 76 76);background:rgba(0,0,0,0);float:left;outline:none;padding:0 20px;color:#666666;}
.message_form input.input1{width:20%;}
.message_form input.input2{width:20%;margin-left:2%;}
.message_form input.input3{width:39%;margin-left:2%;}
.message_form .message_btn{width:16%;float:right;color:#ffffff;font-size:16px;text-align:center;height:40px;line-height:40px;cursor:pointer;background: #c21b1b;}
.message_form .message_btn:hover{background: #e11827;color: #ffffff;}
.foot{width: 100%;position: relative;display: flex;flex-flow: row nowrap;justify-content: space-between;}
.foot dl{display: block;}
.foot dl:last-child{margin-left: 10px;}
.foot dl dt{font-size: 18px;color: #ffffff;margin-bottom: 15px;}
.foot dl dd{display: inline-block;}
.foot dl:nth-child(4) dd:first-child{margin-right: 3vw;}
.foot dl dd a, .foot dl dd p{font-size: 14px;color: #adadad;line-height: 2.5;display: block;}
.foot dl dd img{width: 150px;}
.foot dl dd p{text-align: center;}
.foot dl dd i{}
.foot dl:last-child dd p{text-align: left;}

.copyright{width: 100%;overflow: hidden;background: #292929;}
.copyright p{font-size: 14px;color: #adadad;padding: 20px 0;}
.copyright p span, .copyright p a{font-size: 14px;color: #adadad;}
.copyright p span{margin-right: 2vw;}
.copyright p .copy_right{float: right;}

#floatBottom{width:100%;height:53px;background:#c21b1b;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{display: block;margin:4px auto 2px;height: 25px;}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}

/*friendlink*/
.friendlink{background:#000000;padding:10px 0 10px;}
.friendlink span{width:75px;float:left;display:block;height:24px;line-height:24px;font-size:14px;color:#AFAFAF;margin-top:5px;}
.friendlink .fl_a{width:calc(100% - 75px);float:right;}
.friendlink .fl_a a{color:#AFAFAF;white-space:nowrap;display:inline-block;font-size:14px;position:relative;height:24px;line-height:24px;margin-right:25px;margin-top:5px;}

.f_manage{
    width: 100%;
    position: relative;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #636363;
    margin-bottom: 50px;
}
.f_manage .tit_index{
    float: left;
    width: 25%;
    text-align: left;
}
.f_manage .tit_index .tit{
    color: #ffffff;
}
.f_manage .message_form{
    float: left;
    width: 75%;
    margin-top: 20px;
}
.f_manage .message_form input{
    border: 1px solid rgb(76 76 76);
}
.f_manage .message_form .f_message_btn{
    width: 16%;
    float: right;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    background: #c21b1b;
}

@media screen and (max-width:1699px){
    .tit_index .tit{font-size: 40px;}
    .tit_index .tit_cn{font-size: 15px;}
    .tit_index .tit_en{font-size: 15px;}

    .f_manage .tit_index {
        width: 20%;
    }
    .f_manage .message_form {
        width: 80%;
        margin-top: 15px;
    }

    .foot dl dt {font-size: 16px;}
}

@media screen and (max-width:1499px){
    .tit_index .tit{font-size: 34px;}
    .tit_index .tit_cn{font-size: 14px;}
    .tit_index .tit_en{font-size: 14px;}
    
    .f_manage .message_form {margin-top: 8px;}
    .f_manage .message_form .f_message_btn{font-size: 14px;}
}

@media screen and (max-width:1299px){
    .tit_index .tit{font-size: 30px;}

    .top .line{display:none;}
    .top .top_txt{display:none;}
    
    .f_manage .message_form{margin-top: 0;}
}

@media screen and (max-width:1023px){
    .tit_index .tit{font-size: 26px;}
    
    .head_line{height:0 !important;}
    #mobilehead{display:block;}
    .top{display:none;}
    #navbg{display:none;}
    #mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
    #mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
    #mobilehead .nav .nav_box.nav_box1{top:70px;}

    footer {padding: 50px 0 60px 0;margin-top: 0;}
    .foot dl:nth-child(1), .foot dl:nth-child(2), .foot dl:nth-child(3){display: none;}
    .copyright p .copy_right {float: none;display: block;}
}

@media screen and (max-width:767px){
    .tit_index .tit{font-size: 22px;}
    
    .head_line{height:70px !important;}

    #mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
    #mobilehead .nav .nav_box{top:70px;}
    #mobilehead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}

    footer {padding: 20px 0 0 0;}
    
    .f_manage{padding: 0 0 20px 0;margin-bottom: 20px;}
    .f_manage .tit_index {width: 100%;}
    .f_manage .message_form {width: 100%;margin-top: 15px;}
    .message_form input{height: 36px;line-height: 36px;}
    .message_form input.input1 {width: 100%;}
    .message_form input.input2 {width: 100%;margin: 10px 0 10px 0;}
    .message_form input.input3 {width: 100%;margin-left: 0;}
    .f_manage .message_form .f_message_btn {width: 100%;margin-top:10px;height: 34px;line-height: 34px;}
    .foot{display: block;}
    .foot dl {width: 100%;margin-bottom: 15px;}
    .foot dl:last-child {margin-left: 0;}
    .foot dl dt {margin-bottom: 5px;}
    .foot dl:last-child dd p {line-height: 24px;}
    .copyright{padding-bottom: 0;}
    .copyright p{padding: 10px 0;}
    .copyright p span, .copyright p a {font-size: 12px;color: #adadad;}
    #floatBottom{display: block;}
    .friendlink{margin-bottom:40px;}
    .friendlink span {width: 100%;height: 20px;line-height: 20px;font-size: 12px;margin-top: 0;}
    .friendlink .fl_a {width: 100%;}
    .friendlink .fl_a a {font-size: 12px;height: 20px;line-height: 20px;margin-right: 10px;margin-top: 0;}

}